<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>imageThinking</title>
		<link href="../../css/bootstrap.css" type="text/css" media="screen" rel="stylesheet" />
		<link href="../../css/bootstrap-xadmin.css" type="text/css" media="screen" rel="stylesheet" />
		<script type="text/javascript" src="../../js/jquery.js"></script>
		<script type="text/javascript" src="../../js/echarts.common.min.js"></script>
		<script type="text/javascript" src="./dateRange.js"></script>
		<script type="text/javascript" src="./monthPicker.js"></script>
		<link rel="stylesheet" type="text/css" href="./dateRange.css"/>
		<link rel="stylesheet" type="text/css" href="./monthPicker.css"/>
		<style type="text/css">
			body.dashboard{
				background-color: #FBFBFB;
				/*font-family: "-apple-system-font,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif";*/
				font-family: 400 1em/1.8 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;
			}
			ul,li{
				list-style:none;
			}
			a{
				color: #606266;
				display: block;
				text-decoration:none !important;
			}
			a:hover, a:focus{
				/*color: #428bca;*/
				color: #606266;
			}
			hr{
				margin: 20px 0px 10px;
			}
			input{
				outline：none !important;
				padding: 0;
			}
			input:hover, input:focus{
				outline：none !important;
				border: none;
			}
			.padding-left05{
				margin-left: 10px;
			}
			.mian-width {
				width: 1300px;
				margin: 0 auto;
			}
			.fs12{
				font-size: 12px;
			}
			.fs14{
				font-size: 14px;
			}
			.fs16{
				font-size: 16px;
			}
			.fw700{
				font-weight:700;
			}
			.c3{
				color: #606266;
			}
			
			.navbar-brand{
				padding: 15px 0;	
			}
			.navbar{
				margin-bottom: 0;
			}
			.navbar-collapse{
				padding-left: 0px;
				padding-right: 0px;
			}
			.btn-login {
				border: 1px solid #fff;
				margin-right: 18px;
				padding: 5px 0 !important;
				text-align: center;
				color: #fff !important;
				width: 80px;
				font-size: 14px;
				display: inline-block;
				line-height: 1;
				white-space: nowrap;
				cursor: pointer;
				border-color: #dcdfe6;
				-webkit-appearance: none;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				outline: none;
				-webkit-transition: .1s;
				transition: .1s;
				font-weight: 500;
				-moz-user-select: none;
				-webkit-user-select: none;
				-ms-user-select: none;
				border-radius: 4px;
				margin-top: 14px;
			}
			.btn-login:hover{
				background-color: #fff !important;
				color: #525cdc !important;
			}
			.btn-register:hover{
				background-color: #757de3 !important;
				color: #fff !important;
			}
			.btn-register {
				background-color: #525cdc;
				border-color: #525cdc;
			}
			.auth-body-warp{
				display: block;
			}
			.auth-body {
				background-color: rgba(0, 0, 0, 0.8);
				position: fixed;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				z-index: 1030;
				display: flex;
				align-items: center;
			}
			.body-middle {
				width: 100%;
				margin: 0 auto;
			}
			.body-middle form{
				display: flex;
				text-align: center;
				align-items: center;
			}
			.top-img {
				width: 100%;
				text-align: center;
				margin: 0 auto;
			}
			.panel-wrapper {
				width: 100%;
			}
			.panel {
				background-color: #fff;
				width: 440px;
				max-width: 100%;
				border: 1px solid #eee;
				border-radius: 10px;
				z-index: 100;
				padding: 30px 60px;
				margin: 20px auto;
			}
			.body-content{
				width: 1300px;
				margin: 75px auto 0;
			}
			.grabble{
				width: 100%;
			}
			.grabble-left{
				width: 80%;
				float: left;
				position: relative;
			}
			.grabble .grabble-input{
				width: 100%;
				height: 40px;
				padding: 0;
				text-indent: 1em;
				border:1px solid #dcdfe6;
				border-radius: 5px;
			}
			.grabble-rigth{
				width: 18%;
				float: left;
				margin-left: 17px;
			}
			.grabble-button{
				display: inline-block;
				height: 40px;
				width: 100%;
				color:#fff;
				padding: 0;
				text-align: center;
				line-height: 40px;
				font-size: 16px;
				border-radius: 5px;
			}
			.show-module{
				width: 100%;
				margin-left: -10px;
				position: relative;
			}
			.show-module li.outer-li{
				width: 206px;
				float: left;
				font-size: 14px;
				margin-left: 10px;
				margin-top: 20px;
				text-align: center;
				cursor:pointer;
				border-radius: 5px;
				position: relative;
			}
			.show-module li.outer-li a{
				height: 40px;
				border: 1px solid #dcdfe6;
				line-height: 40px;
				border-radius: 5px;
			}
			.select-a{
				text-align: left;
				text-indent: 0.5em;
				background:url(../../images/cxjt.png) no-repeat scroll 88% center transparent;
			    background-size: 15px 8px;
			    color: #606266;
			}
			.select-ul{
				position: absolute;
				top: 35px;
				width: 100%;
				margin: 10px auto;
				padding: 0;
				background-color: #fff;
				max-height: 300px;
				border: 1px solid #f5f7fa;
				border-radius: 5px;
				-moz-box-shadow:2px 2px 13px #919191; 
				-webkit-box-shadow:2px 2px 13px #919191; 
				box-shadow:2px 2px 13px #919191;
				overflow-y: auto;
				z-index: 100;
				display: none;
				color: #606266;
			}
			
			.select-ul li{
				height: 40px;
				line-height: 40px;
			}
			.select-ul li:hover{
				background-color: #f5f7fa;
			}
			.content-middle-ul{
				width: 100%;
				margin-top: 20px;
			}
			.margin-top0{
				margin-top: 0;
			}
			.li-titel{
				font-weight: 600;
				font-size: 20px;
			}
			.li-heat{
				text-align: left;
			}
			.close-img{
				float: right;
				width: 30px;
				height: 30px;
				margin-right: -45px;
				margin-top: -10px;
			}
			.user-information{
				overflow: hidden;
				margin: 10px auto 0;
			}
			.user-information img{
				border-radius: 100%;
			}
			.user-color{
				color: #fff;
				text-align: center;
			}
			.grabble-select{
				width: 85px;
				position: absolute;
				top: 0px;
				min-height: 40px;
				left: 0px;
				background:url(../../images/cxjt.png) no-repeat scroll 88% center transparent;
			    background-size: 15px 8px;
			    padding: 0;
			    border-right: 1px solid #dcdfe6;
			}
			.grabble-select .outer-li {
				position: relative;
				min-height: 40px;
			}
			.grabble-select .outer-li .select-a{
				cursor:pointer;
				height: 40px;
				line-height: 40px;
			}
			.grabble-select .outer-li .select-ul{
				text-align: center;
				z-index: 110;
			} 
			.head-content{
				color: #606266;
				margin: 10px auto;
			}
			.new-head-content{
				color: #606266;
				margin: 10px auto 15px;
			}
			.single-page {
				position: absolute;
				width: 315px;
				padding: 15px 15px 0 15px;
				margin: 10px 10px 10px 0;
				border: 1px solid #d4d4d4;
				background-color: #fff;
				border-radius: 5px;
			}
			.mian-img-div{
				width:100%;
				text-align: center;
				border:1px solid #ccc;
				margin: 0px auto;
				border-radius: 5px;
				-moz-box-shadow:2px 2px 15px #c1c1c1; 
				-webkit-box-shadow:2px 2px 15px #c1c1c1; 
				box-shadow:2px 2px 15px #c1c1c1;
			}
			.mian-img{
				width: 96%;
				margin: 5px auto;
			}
			img.head-logo{
				width: 30px;
				height: 30px;
				border-radius: 50%;
				margin: 0px auto;
			}
			.head-content span{
				display: inline-block;
				height: 20px;
				margin-right: 10px;
				font-size: 12px;
			}
			span.span-right{
				cursor:pointer;
				text-align: right;
			}
			.heat-img{
				height: 15px;
				margin-top: -1px;
			}
			.clear{
				clear:both
			} 
			a.select-a:hover,a.select-a:focus{
				color: #333;
			}
			.collect-button{
				text-align: right;
			}
			.a-button{
				display: inline-block;
				width: 65px;
				height: 25px;
				border: 1px solid #d8d8d8;
				text-align: center;
				line-height: 25px;
				font-size: 12px;
				color: #606266;
				border-radius: 5px;
				margin-right: 10px;
			}
			.outer-li-alone input{
				width: 100%;
				height: 99%;
				border: none;
				opacity: 0;
			}
			.label-explain{
				width: 100%;
			}
			.label-explain-title{
				width: 50px;
				float: left;
				margin-top: 10px;
			}
			.label-explain-content{
				width: 90%;
				float: left;
			}
			.label-explain-content .span{
				color: #7c6fab;
				background-color: #e2e7ff;
				border: 1px solid #d8d8d8;
				padding: 1px 10px;
				border-radius: 50px;
				display: inline-block;
				margin-top: 10px;
				margin-left: 5px;
			}
			.label-explain-content span img{
				margin-left: 5px;
				cursor:pointer;
			}
			.calendar-bg{
				background: url(../../images/calendar.png) no-repeat 23px center;
			}
		</style>
	</head>

	<body class="dashboard">
		<div id="top-nav" class="navbar navbar-xs navbar-inverse navbar-fixed-top">
			<div class="mian-width">
				<div class="navbar-header">
					<a class="navbar-brand" href="index.html"><img src="../../images/icon.png" style="margin-right: 5px" /></a>
				</div>
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav pull-right" style="display: block;">
						<li class="dropdown g-theme">
							<a class="btn-login" id="btnLogin">
								登录
							</a>

						</li>
						<li class="dropdown g-theme">
							<a class="btn-login btn-register" id="btnRegister" style="margin-right: 10px;">
								注册
							</a>

						</li>

					</ul>
					<ul class="nav navbar-nav pull-right" style="position: relative;display: none;margin-right: 50px;" id="userList">
						<li class="dropdown user-information">
							<img src="../../images/head.png" style="width: 30px;height: 30px;"/>
							<div class="user-color">名称</div>
						</li>
						<ul style="position: absolute;padding: 0;background-color: #fff;max-height: 300px;border: 1px solid #f5f7fa;border-radius: 5px;-moz-box-shadow:2px 2px 13px #919191; -webkit-box-shadow:2px 2px 13px #919191; box-shadow:2px 2px 13px #919191;overflow-y: auto;z-index: 100;color: #606266;width: 150px;text-align: center;left:-46px;top:65px;display: none;" id="buttonList">
							<li style="line-height: 40px;height: 40px;font-size: 14px;">
								<a style="display: block;" href="user_information.html" target="_blank"
>
									<img src="../../images/YHXX.png"/>
									用户信息
								</a>
							</li>
							<li style="line-height: 40px;height: 40px;font-size: 14px;">
								<a style="display: block;" id="aaaa">
									<img src="../../images/sc.png"/>
									收藏列表
								</a>
							</li>
							<li style="line-height: 40px;height: 40px;font-size: 14px;">
								<a style="display: block;">
									<img src="../../images/TCDL.png"/>
									退出登录
								</a>
							</li>
						</ul>
					</ul>
				</div>
			</div>
		</div>
		
<div style="background-color: #fff;width: 100%;">
		<!--中间-->
		<div class="body-content" style="margin: 0px auto 0;padding-bottom: 20px;padding-top: 80px;">
			<div class="body-content-top">
				<div class="grabble">
						<div class="grabble-left">
							<input type="text" Placeholder="输入你要找的东西" class="grabble-input"/>
							<ul class="grabble-select" style="display: none;">
								<li class="outer-li ">
										<a class="select-a">
											<span >广告位置</span>
										</a>
									    <ul class="select-ul">
									        <li>1</li>
									        <li>2</li>
									        <li>3</li>
									    </ul>
									    <div style="width: 100%;height:40px;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.3);z-index: 100;display: none;"></div>
									</li>
							</ul>
						</div>
						<div class="grabble-rigth">
							<a class="grabble-button btn-register">搜索</a>
						</div>
				</div>
			</div>
			<div class="clear"></div>
			<ul class="show-module" id="showModule">
				<li class="outer-li" >
					<a class="outer-li-alone calendar-bg" id="date1">
						广告发布时间
						</a>
						 <a class="opt_sel" id="input_trigger1" style="display: none;">
		                    <i class="i_orderd"></i>
		                 </a>
					
				</li>
				<li class="outer-li">
					<a class="outer-li-alone calendar-bg" id="date2">
						广告发布时间
						</a>
						 <a class="opt_sel" id="input_trigger2" style="display: none;">
		                    <i class="i_orderd"></i>
		                </a>
					</a>
				</li>
				<li class="outer-li">
					<a class="select-a">
						<span>sdasd</span>
					</a>
					<ul class="select-ul">
						<li>1</li>
						<li>2</li>
						<li>3</li>
					</ul>
				</li>
				<li class="outer-li">
					<a class="select-a">
						<span>sdasd</span>
					</a>
					<ul class="select-ul">
						<li>1</li>
						<li>2</li>
						<li>3</li>
					</ul>
				</li>
				<li class="outer-li">
					<a class="select-a">
						<span>sdasd</span>
					</a>
					<ul class="select-ul">
						<li>1</li>
						<li>2</li>
						<li>3</li>
					</ul>
				</li>
				<li class="outer-li">
					<a class="select-a">
						<span>sdasd</span>
					</a>
					<ul class="select-ul">
						<li>1</li>
						<li>2</li>
						<li>3</li>
					</ul>
				</li> 
				
				<li style="width: 1290px;height:80px;position: absolute;top: 5px;left: 0;background-color: rgba(0,0,0,0.3);z-index: 100;margin-left:10px;display:none;"></li>
			</ul>
			<div class="clear"></div> 
			<hr style="display: none;" id="partitionLine"/>
			<div class="label-explain" id="labelExplain" style="display: none;">
				<div class="label-explain-title">标签：</div>
				<div class="label-explain-content">
					
					<span class="fs12" id="foundTime"></span>
					<span class="fs12" id="finallyTime"></span>
					<!--<span class="fs12">广告发布时间：2010/10/10 <img src="../../images/x.png"/></span>-->
					<!--<span class="fs12">广告发布时间：2010/10/10 <img src="../../images/x.png"/></span>-->
					<!--<span class="fs12 span">虎牙直播 <img src="../../images/x.png"/></span>
					<span class="fs12 span">虎牙直播 <img src="../../images/x.png"/></span>
					<span class="fs12 span">虎牙直播 <img src="../../images/x.png"/></span>
					<span class="fs12 span">虎牙直播 <img src="../../images/x.png"/></span>
					<span class="fs12 span">虎牙直播 <img src="../../images/x.png"/></span>
					<span class="fs12 span">虎牙直播 <img src="../../images/x.png"/></span>
					<span class="fs12 span">虎牙直播 <img src="../../images/x.png"/></span>
					<span class="fs12 span">虎牙直播 <img src="../../images/x.png"/></span>
					<span class="fs12 span">虎牙直播 <img src="../../images/x.png"/></span>
					<span class="fs12 span">虎牙直播 <img src="../../images/x.png"/></span>
					<span class="fs12 span">虎牙直播 <img src="../../images/x.png"/></span>-->
				</div>
			</div>
			<div class="clear"></div> 
		</div>
		</div>
		<div class="clear"></div> 
		<hr style="margin: 0 auto;"/>
		<div class="clear"></div> 
<div class="" style="width: 1300px;margin: 30px auto 0;font-size: 12px;"> 总共搜索到 <span style="color: #606266;"> 2,215,243 </span>条，你可以查看 <a style="display: inline-block;color: #6d95c2;" href="javasrcipt:;"> 798,294</a> 条 </div>
		<div class="body-content margin-top0" style="display: block;">
			<div class="body-content-middle">
				<div class="content-middle-ul" id="list-ul">
					
				</div>
			</div>
		</div>
		<style type="text/css">
			.logo-img-parent{
				text-align: center;
				margin: 14px auto;
			}
			.logo-img-parent img{
				width: 250px;
				height: 40px;
			}
			.mian-bg-wf{
				width: 480px;
				background-color: #fff;
				margin: 0px auto 0;
				border-radius: 10px;
				overflow: hidden;
				position: relative;
			}
			.mian-bg-wf-close{
				position: absolute;
				right: 20px;
				top: 20px;
				cursor:pointer;
			}
			.mian-bg-wf-top{
				width: 275px;
				height: 46px;
				border-radius: 20px;
				border:1px solid #999;
				margin: 55px auto 30px;
				text-align: center;
			}
			
			.tacitly-style{
				color: #999;
				display: inline-block;
				width: 50%;
				float: left;
				line-height: 45px;
				cursor:pointer;
				font-size: 14px;
			}
			.pitch-bg{
				background-color: #999;
				color: #fff;
			}
			.left-top-radius20{
				border-top-left-radius: 20px;
				border-bottom-left-radius: 20px;
			}
			.right-top-radius20{
				border-top-right-radius: 20px;
				border-bottom-right-radius: 20px;
			}
			.company-name{
				width: 20px;
				height: 18px;
				background: url(../../images/company_name.png);	
			}
			.person-head-img{
				width: 19px;
				height: 18px;
				background: url(../../images/head_img.png);
			}
			.person-phone{
				width: 14px;
				height: 20px;
				background: url(../../images/phone.png);
			}
			.person-lock{
				width: 17px;
				height: 19px;
				background: url(../../images/lock.png);
			}
			.login-index-form{
				width: 350px;
				margin: 0 auto;
			}
			.login-index-fd{
				position: relative;
			}
			.login-index-fd i{
				position: absolute;z-index: 100;top: 13px;left: 10px;
			}
			.login-index-fd-input{
				width: 350px;
				height: 45px;
				border-radius: 5px;
				border:1px solid #dedede;
				text-indent: 38px;
				color: #4e4e4e;
				outline:none;
			}
			.login-index-fd-span{
				height: 30px;
				line-height: 30px;
				display: inline-block;
				width: 100%;
				text-align: left;
				opacity: 0;
				color: #ff7878;
			}
			.login-index-fd-input-code{
				position: absolute;
				height: 43px;
				width: 90px;
				font-size: 14px;
				text-align: center;
				right: 10px;
				top:1px;
				cursor:pointer;
				border: none;
				color: #5065cd;
			}
			.login-button{
				height: 45px;
				background-color: #5065cd;
				color: #fff;
				line-height: 45px;
				border-radius: 5px;
				font-size: 14px;
				cursor:pointer;
				margin: 0px auto 45px;
			}
			.policy-div{
				margin: 20px auto 45px;
				color: #666;
				font-size: 14px;
			}
			.policy-div a{
				display: inline-block;
				color: #5065cd;
			}
		</style>
		<div class="auth-body-warp">
			<div class="auth-body">
				<div class="body-middle">
					<div class="logo-img-parent">
						<img src="../../images/logo.png"/>
					</div>
					
					<div class="mian-bg-wf">
						<img src="../../images/GB.png" class="mian-bg-wf-close"/>
						<div id="jsRegister" class="mian-bg-wf-top">
							<div class="tacitly-style left-top-radius20 pitch-bg">登录</div>
							<div class="tacitly-style right-top-radius20 ">注册</div>
						</div>
						
						<form class="login-index-form" id="login-index" style="display: block;">
							<div class="login-index-fd">
								<i class="person-phone"></i>	
								<input type="text" placeholder="手机号码" class="focus-input-border login-index-fd-input" id="personagePhone"/>
								<sapn class="login-index-fd-span">输入手机号码</sapn>
							</div>
							<div class="login-index-fd">
								<i class="person-lock"></i>	
								<input type="text" placeholder="验证码" class="focus-input-border login-index-fd-input" id="personageCode"/>
								<sapn class="login-index-fd-span">输入验证码</sapn>
								<input type="text" value="获取验证码" readonly="" id="gainCode" class="login-index-fd-input-code"/>
							</div>
							<div class="login-button" id="loginButton">登录</div>
						</form>
						
						<form style="display: none;" id="register-index" class="login-index-form">
							<div class="login-index-fd">
								<i class="company-name"></i>	
								<input type="text" placeholder="公司名称" class="focus-input-border login-index-fd-input" id="registerCompanyName"/>
								<sapn class="login-index-fd-span">输入公司名称</sapn>
							</div>
							<div class="login-index-fd">
								<i class="person-head-img"></i>	
								<input type="text" placeholder="姓名" class="focus-input-border login-index-fd-input" id="registerName"/>
								<sapn class="login-index-fd-span">输入姓名</sapn>
							</div>
							<div class="login-index-fd">
								<i class="person-phone"></i>	
								<input type="text" placeholder="手机号码" class="focus-input-border login-index-fd-input" id="registerPhone"/>
								<sapn class="login-index-fd-span">输入手机号码</sapn>
							</div>
							<div class="login-index-fd">
								<i class="person-lock"></i>	
								<input type="text" placeholder="验证码" class="focus-input-border login-index-fd-input" id="registerCode"/>
								<sapn class="login-index-fd-span">输入验证码</sapn>
								<input type="text" value="获取验证码" class="login-index-fd-input-code" readonly="" id="gainCode"/>
							</div>
							<div class="login-button" id="registerButton">注册</div>
							<div class="policy-div">注册即表示您同意 <a href="javasrcipt:;">服务条款</a> 和 <a href="javasrcipt:;">隐私政策</a>。</div>
						</form>
					</div>
					<script type="text/javascript">
						$("#jsRegister div").click(function(){
							$("#jsRegister div").removeClass("pitch-bg");
							$(this).addClass("pitch-bg");

							if($(this).index() == 0){
								$("#login-index").css("display","block");
								$("#register-index").css("display","none");
							} else {
								$("#login-index").css("display","none");
								$("#register-index").css("display","block");
							}
						})
						//获取焦点
						$(".focus-input-border").focus(function(){
							$(this).css("border","1px solid #71c977");
							$(this).next().css("opacity","0");
						})
						//失去焦点
						$(".focus-input-border").blur(function(){
							$(this).css("border","1px solid #dedede");
						})
						//登录
						$("#loginButton").click(function(){
							var personagePhone = $("#personagePhone").val();
							var personageCode = $("#personageCode").val();
							if(personagePhone == ''){
								$("#personagePhone").css("border","1px solid #ff7878")
								$("#personagePhone").next().css("opacity","1");
							} else if(personageCode == ''){
								$("#personageCode").css("border","1px solid #ff7878")
								$("#personageCode").next().css("opacity","1");
							}
						})
						//注册
						$("#registerButton").click(function(){
							var registerCompanyName = $("#registerCompanyName").val();
							var registerName = $("#registerName").val();
							var registerPhone = $("#registerPhone").val();
							var registerCode = $("#registerCode").val();
							if(registerCompanyName == ''){
								$("#registerCompanyName").css("border","1px solid #ff7878")
								$("#registerCompanyName").next().css("opacity","1");
							} else if(registerName == ''){
								$("#registerName").css("border","1px solid #ff7878")
								$("#registerName").next().css("opacity","1");
							} else if(registerPhone == ''){
								$("#registerPhone").css("border","1px solid #ff7878")
								$("#registerPhone").next().css("opacity","1");
							} else if(registerCode == ''){
								$("#registerCode").css("border","1px solid #ff7878")
								$("#registerCode").next().css("opacity","1");
							}
						})
						$(".mian-bg-wf-close").click(function(){
							$(".auth-body-warp").css("display","none");
						})
					</script>
				</div>
			</div>
		</div>
		
	</body>
	<script type="text/javascript" src="../../js/jquery.ui.core.js"></script>
	<script type="text/javascript" src="../../js/jquery.ui.widget.js"></script>
	<script type="text/javascript" src="../../js/jquery.ui.mouse.js"></script>
	<script type="text/javascript" src="../../js/jquery.ui.sortable.js"></script>
	<script type="text/javascript" src="../../js/bootstrap.js"></script>
	<script type="text/javascript" src="../../js/xadmin.main.js"></script>
	<script type="text/javascript" src="../../js/xadmin.responsive.js"></script>
	<script type="text/javascript" src="../../js/jquery.ui.effect.js"></script>
	<script type="text/javascript" src="../../js/xadmin.plugin.themes.js"></script>
	<script type="text/javascript" src="../../js/xadmin.page.dashboard.js"></script>
	<script type="text/javascript" src="../../js/xadmin.plugin.portal.js"></script>
	<script type="text/javascript" src="./jquery.freetile.min.js"></script>
	<script type="text/javascript">
		$(function(){
			$("#btnLogin").click(function(){
				$(".auth-body-warp").show();
			})
			
			$("#login-close,#login-close-register").click(function(){
				$(".auth-body-warp,.auth-body-warp-register").hide();
			})
			
			$("#btnRegister").click(function(){
				$(".auth-body-warp-register").show();
			})
			
			$(document).on("click",function(){
				$(".select-ul").slideUp();
				$("#buttonList").slideUp();
			})
			$(document).on("click",".outer-li .select-a",function(e){
				e.stopPropagation(); 
				$(this).next(".select-ul").slideToggle();
			})
			
			$(document).on("click", ".select-ul li", function(){
				var thisConten =$(this).text();
				$(".label-explain-content").append('<span class="fs12 span">广告发布时间：'+ thisConten +' <img src="../../images/x.png"/></span>')
				   //新增
				$("#partitionLine,#labelExplain").fadeIn();

			})
			
			//新增
			$(document).on("click",".label-explain-content .span",function(){
				$(this).remove();
				var spanLength = $(".label-explain-content .span").length
				if (spanLength == 0) {
					$("#partitionLine,#labelExplain").fadeOut();
				}
				
			})

			var dateRange1 = new pickerDateRange('date1', {
					isTodayValid : true,
					startDate : '广告发布时间',
					endDate : '',
					needCompare : false,
					defaultText : ' 至 ',
					autoSubmit : true,
					inputTrigger : 'input_trigger1',
					theme : 'ta',
					success : function(obj) {
//						$("#dCon2").html('开始时间 : ' + obj.startDate + '<br/>结束时间 : ' + obj.endDate);
						$("#foundTime").html('<span class="fs12 span">广告发布时间: '+ obj.startDate +' <img src="../../images/x.png"/></span>');
						$("#date1").html('广告发布时间');
						//新增
						$("#partitionLine,#labelExplain").fadeIn();
					}
				});
			
			var dateRange2 = new pickerDateRange('date2', {
					isTodayValid : true,
					startDate : '广告发布时间',
					endDate : '',
					needCompare : false,
					defaultText : ' 至 ',
					autoSubmit : true,
					inputTrigger : 'input_trigger2',
					theme : 'ta',
					success : function(obj) {
//						$("#dCon2").html('开始时间 : ' + obj.startDate + '<br/>结束时间 : ' + obj.endDate);
						$("#finallyTime").html('<span class="fs12 span">广告发布时间: '+ obj.startDate +' <img src="../../images/x.png"/></span>');
//						$(".label-explain-content").append('<span class="fs12">广告发布时间: '+ obj.startDate +' <img src="../../images/x.png"/></span>');
						$("#date2").html('广告发布时间');
						//新增
						$("#partitionLine,#labelExplain").fadeIn();
					}
				});
				
				
				$("#userList").click(function(e){
					e.stopPropagation(); 
					$("#buttonList").slideToggle();
				})
				
		})

		var wrap=document.querySelector("#list-ul");
		var ul = document.querySelectorAll("#list-ul ul"); //声明元素块
//	//创建一个滚动事件
//	window.onscroll = function() {
//		// html总高度-可视化窗口高度=body的滚动高度
//		//兼容写法 
//		var scrollTop = document.body.scrollTop;
//		var clientHeight = document.documentElement.clientHeight || document.body.clientHeight || window.innerHeight;
//		if(document.documentElement.offsetHeight - clientHeight <= scrollTop) {
//			createLi(10);
//		}
//	}
	//当滚动快要到达底部,还没有到达的时候,再去执行函数,创建新的li

		$.ajax({
            url: 'jsondata.json',
            type: 'get',
            data: {
                page: 1,
                pageSize: 10
            },
            success: function (data) {
            	for (i = 0; i < data.json_data.length; i++) {

		          var text = '<div class="single-page">\
		          		<div class="collect-button">\
							<span class="span-right" id="spanRight">\
								<div class="a-button"><a >详&nbsp情</a></div>\
								<div class="a-button"><a >更&nbsp多</a></div>\
								<img src="../../images/x1.png" class="heat-img" id="heatImg" style="width: 25px;height: 25px;"/ >\
							</span>\
						</div>\
						<hr />\
			            <div class="li-titel">\
			              <img src='+ data.json_data[i].logo +' class="head-logo" / >\
			              <span class="fw700 c3 fs16 padding-left05">' + data.json_data[i].app_from + '</span>\
			            </div>\
			            <a href="' + data.json_data[i].url + '">\
			            	<div class="head-content fs14">' + data.json_data[i].title + '</div>\
				            <div class="mian-img-div">\
				            	<img src="' + data.json_data[i].img + '" class="mian-img"/>\
				            </div>\
			            </a>\
			            <div class="li-heat head-content">\
			            	<span><img src="../../images/1.png" class="heat-img"/ > ' + data.json_data[i].discover_count + '</span>\
			            	<span><img src="../../images/2.png" class="heat-img"/ > ' + data.json_data[i].discover_count + '</span>\
			            	<span><img src="../../images/3.png" class="heat-img"/ > ' + data.json_data[i].discover_count + '</span>\
			            </div>\
					</div>';
					$("#list-ul").append(text);
            	}
            	
                console.log(data)
//        $("#list-ul").freetile({animate:true,elementDelay:0}); 
          $("#list-ul").freetile(); 
            }
        })

		$(document).on("click", "#heatImg", function(){
			var imgUrl = '../../images/x1.png';
			var newImgUrl = $(this).attr("src");
			if (imgUrl == newImgUrl) {
				$(this).attr("src","../../images/x2.png");
			} else {
				$(this).attr("src","../../images/x1.png");
			}
		})


		var t1 = null;
	    function countdown(obj) {
	        var count = 60;
	        $(obj).css({ background: '#fff' }).val(count.toString() + "秒").attr('disabled', 'disabled');
	
	        var doCount = function () {
	            if (--count < 1) {
	                var t2 = clearInterval(t1);
	                $(obj).css({ background: '#fff' }).val('重新发送').removeAttr('disabled');
	            }
	            else {
	                $(obj).val(count.toString() + "秒");
	            }
	        };
	
	        t1 = setInterval(function () { doCount(); }, 1000);
	
	    }
	    $("#gainCode").click(function(){
	    	countdown($("#gainCode"));
	    })
	</script>
</html>